<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>规则页</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="libs/l7/light7.min.css">
		<link rel="stylesheet" href="Content/common.css">
		<link rel="stylesheet" type="text/css" href="Content/rule.css" />
	</head>

	<body>
		<!-- 你的html代码 -->
		<div class="page" id="app">
			<nav class="bar bar-tab">
				<a class="tab-item active" href="#">
					<span class="icon">
                    <img src="Images/home_active.png"/>
                </span>
					<span class="tab-label">首页</span>
				</a>
				<a class="tab-item" href="#">
					<span class="icon">
                    <img src="Images/enroll.png"/>
                </span>
					<span class="tab-label">我要报名</span>
				</a>
				<a class="tab-item" href="#">
					<span class="icon">
                    <img src="Images/rank.png"/>
                </span>
					<span class="tab-label">排行榜</span>
				</a>
				<a class="tab-item" href="#">
					<span class="icon">
                    <img src="Images/rule.png"/>
                </span>
					<span class="tab-label">活动规则</span>
				</a>
			</nav>
			<div class="content">
				<!-- 这里是页面内容区 -->
				<!--banner-->
				<div class="rule-banner">
					<img src="" alt="" />
				</div>
				<!--main边框-->
				<div class="rule-main">
					<div class="rule-title">
						活动规则
					</div>
					<div class="rule-card">
						<div class="rule-card-title">
							<img src="Images/doge.png"/>
							活动简介
						</div>
						<div class="rule-card-info">
							萌宠驾到，狗年大吉，我们正在寻找有故事的动物摄影！晒出你的爱宠，讲述照片背后你与爱宠的故事，就有机会成为《守“汪”》摄影展的主角，并获得武汉市小动物保护协会送出的精美礼品一份。
						</div>
					</div>
					<div class="rule-card">
						<div class="rule-card-title">
							<img src="Images/doge.png"/>
							活动时间
						</div>
						<div class="rule-card-info">
							活动时间:2月1日--2月28日
						</div>
					</div>
					<div class="rule-card">
						<div class="rule-card-title">
							<img src="Images/doge.png"/>
							获奖规则
						</div>
						<div class="rule-card-info">
							<p class="rule-card-p1">一等奖：品牌娃娃</p>
							<p class="rule-card-p2">（活动期间人气排行榜前3名） </p>
							<p class="rule-card-p1">二等奖 ：抱枕</p>
							<p class="rule-card-p2">（活动期间人气排行榜第4、5名）</p>
							<p class="rule-card-p1">三等奖 ：专属定制台历</p>
							<p class="rule-card-p2">（由主办方从摄影专业角度选择15名参与者）</p>				
							<p class="rule-card-p1">同时，所有获奖者的照片将入选《守“汪”》摄影展，在各大商圈及学校进行为期一年的展览。</p>
						</div>
					</div>
					<div class="rule-card">
						<div class="rule-card-title">
							<img src="Images/doge.png"/>
							参赛须知
						</div>
						<div class="rule-card-info">
							<p class="rule-card-p1">1.发送您与爱宠的照片，并配以20字左右文字说明讲述您与爱宠的故事。（因征集需要，目前只接受狗狗或猫咪照片）</p>		
							<p class="rule-card-p1">2.所有参与者的照片必须为本人照片，不得盗用他人照片；否则，将被取消活动资格，并承担此行为造成的一切后果。</p>
						</div>
					</div>
					<div class="rule-card">
						<div class="rule-card-title">
							<img src="Images/doge.png"/>
							投票须知
						</div>
						<div class="rule-card-info">
							<p class="rule-card-p1">1.每个微信号每天只有一次机会，可分别为喜欢的选手投票。</p>		
							<p class="rule-card-p1">2.严禁刷票，一旦发现立即取消参赛资格。</p>
							<p class="rule-card-p1">3.本次活动最终解释权归活动主办方所有。</p>
						</div>
					</div>
					<div class="rule-enroll">
						我要报名
					</div>
					<div class="rule-card rule-line"></div>
					<div class="rule-card rule-icon">
						<img src="Images/PetIn_logo.png" class="logo" />
						<img src="Images/petin_qrcode.png" class="qrcode" />
					</div>
					<div class="rule-tip2">
						<span></span>
						<p>长按或扫描，了解更多活动</p>
						<span></span>
					</div>
				</div>

			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
		<script type='text/javascript' src='libs/l7/light7.min.js' charset='utf-8'></script>
		<script src="https://cdn.jsdelivr.net/npm/vue"></script>
		<script type="text/javascript">
			var app = new Vue({

			});
		</script>
	</body>

</html>